<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">

  <?php if (isset($meta_description) && !empty($meta_description)) { ?>
    <meta name="description" content="<?php echo $meta_description; ?>" />
  <?php } ?>
  <?php if (isset($meta_keywords) && !empty($meta_keywords)) { ?>
    <meta name="keywords" content="<?php echo $meta_keywords; ?>" />
  <?php } ?>

  <title><?php echo $title_for_layout; ?></title>

  	<?php
    echo $this->Html->css('bootstrap.min');
    echo $this->Html->css('bootstrap-responsive.min');
    echo $this->Html->css('main', null, array("id"=>"mainCss"));
    ?>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
		<?php 
    echo $this->Html->script('modernizr-2.6.2-respond-1.1.0.min');
    ?>
  </head>
  <body>
    <div class="container">
      <!--[if lt IE 7]>
          <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
      <![endif]-->
      <header>
        <?php echo $this->element('header'); ?>
      </header>

      <div id="carousel">
        <?php echo $this->element('carousel'); ?>
      </div>

      <div id="contentSection">


        <div role="main">
        <?php $breadcrumbs =  $this->Html->getCrumbs(' > ','Home');
        //$breadcrumbs =  $this->Html->getCrumbList("/",'Home');
        //http://book.cakephp.org/2.0/en/core-libraries/helpers/html.html
          if(!empty($breadcrumbs)) {
            echo '<div id="breadcrumbs">';
            echo $breadcrumbs;
            echo '</div>';
          }

          /*
           *
            <div class="row">
              <div class="span12">
                <ul class="breadcrumb">
                  <li><a href="#">Home</a> <span class="divider">/</span></li>
                  <li><a href="#">Services</a></li>
                </ul>
              </div>
            </div>
           */

        ?>
          <?php echo $content_for_layout; ?>

        </div>

      </div>


      <footer id="footer">
        <?php echo $this->element('footer'); ?>
      </footer>

    </div> <!-- End of #container-->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<?php echo str_replace("</script>", "<\/script>", $this->Html->script("jquery-1.8.3.min"));?>')</script>


    <?php 
      echo $this->Html->script('bootstrap.min');
      
      echo $scripts_for_layout;

    ?>

<script type="text/javascript">
  $(function(){
    $("#myCarousel").carousel("cycle");
  });
</script>

<script type="text/javascript"> <?php /*
  var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  s.parentNode.insertBefore(g,s)}(document,'script')); */ ?>

</script>
  </body>
</html>